<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:cote="http://java.sun.com/jsf/composite/componentes">

	<ui:composition template="/plantillas/plantillaPrincipal.xhtml">	
		<ui:define name="contenido">
			<f:view>
				<h:form id="formBusquedaFacturaCobrar">
					
					<p:panel id="pnlBusquedaFacturasCobrar" header="CONSULTAR FACTURAS POR COBRAR" style="width:480px;margin: 5px auto">
					
						<p:panelGrid>
							<p:row>
								<p:column>
									<h:outputLabel id="lblClienteFC" value="Cliente" />
								</p:column>
								<p:column>
									<p:inputText value="#{BKFacturasPorCobrar.clienteSeleccionado.razonSocial}" id="txtCliente" readonly="true" size="30" />
									<cote:componenteFindCliente id="findCliente" 
                                                                  lblbtnfind="Cliente"                                                                                                      
                                                                  update=":formBusquedaFacturaCobrar:txtCliente"/>
								</p:column>
							</p:row>
	 
							<p:row>
								<p:column>
									<h:outputLabel id="lblTipoMonedaFC" value="Tipo de Moneda" />
								</p:column>
								<p:column>
									<p:selectOneMenu id="cbxTipomonedaFC" style="width: 200px"
										value="#{BKFacturasPorCobrar.tipoMonedaSeleccionado.id}"
										disabled="#{BKFacturasPorCobrar.comboTipoMonedasBusqueda eq null?'true':'false'}">
										<f:selectItems value="#{BKFacturasPorCobrar.comboTipoMonedasBusqueda}"/>
									</p:selectOneMenu>
								</p:column>
							</p:row>
							
							<p:row>
								<p:column>
									<h:outputLabel id="lblNumeroFacturaFC" value="Numero Factura" />
								</p:column>
								<p:column>
									 <p:inputText value="#{BKFacturasPorCobrar.numeroFactura}" id="txtNumeroFactura" size="30" />
								</p:column>
							</p:row>
							
							<p:row>
								<p:column colspan="2" width="100" styleClass="styleAlignCenterColumn">
									<p:commandButton id="btnBuscarFacturaCobrar" value="BUSCAR"
                                       icon="ui-icon-search"
                                       update=":formBusquedaFacturaCobrar:pnlListarFacturasCobrar,:msgs"
                                       actionListener="#{MBFacturasCobrar.buscar}"
                                       ajax="true"
                                       style="font-size: 12px" />
                                    <p:commandButton id="btnLimpiarFacturasCobrar" value="LIMPIAR"
                                       icon="ui-icon-wrench"
                                       update=":formBusquedaFacturaCobrar:pnlBusquedaFacturasCobrar,:msgs"
                                       actionListener="#{MBFacturasCobrar.limpiar}"
                                       ajax="true"
                                       style="font-size: 12px"/>
								</p:column>
							</p:row>	
						
						</p:panelGrid>
						
					</p:panel>
				
				
					<p:panel id="pnlListarFacturasCobrar" header="Lista de Facturas por Cobrar"
							 style="width: 100%;margin: 10px auto"
							 visible="#{BKFacturasPorCobrar.listaFacturasPorCobrar ne null}">
							 
						<p:dataTable id="dataTablaFacturasPorCobrar" var="facturasCobrar"
								     value="#{BKFacturasPorCobrar.listaFacturasPorCobrar}"
									 emptyMessage="No se encontraron facturas disponibles"
								     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
								     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
								     
								<p:columnGroup type="header">
						        	<p:row>
							        	<p:column headerText="Item" />
							        	<p:column headerText="Cliente" />
							        	<p:column headerText="Numero Factura" />
							        	<p:column headerText="Estado" />
							        	<p:column headerText="Total" />
							        	<p:column headerText="Fecha Emision" />
							        	<p:column headerText="Fecha Cancelacion" />
							        	<p:column headerText="" />
							        </p:row>	
						        </p:columnGroup>     
						        
								<p:column id="idColumnaNumFC" style="width:5%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{rowIndex+1}" />
								</p:column>   
								
								<p:column id="idColumnaCliente" style="width:20%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasCobrar.codCliente.razonSocial}"/>
								</p:column>
								
								<p:column id="idColumnaNumFacturaFC" style="width:15%" styleClass="styleAlignRightColumn">
									<h:outputText value="#{facturasCobrar.numFactura}"/>
								</p:column>
								
								
								<p:column id="idColumnaEstadoFC" style="width:10%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasCobrar.estado eq 'C' ? 'Cancelado' : 'Por Cancelar'}"/>
								</p:column>

								<p:column id="idColumnaSubTotalFC" style="width:15%" styleClass="styleAlignRightColumn">
									<h:outputText value="#{facturasCobrar.porCobrar}">
										<f:convertNumber pattern="#,##0.00" locale="#{BKFacturasPorCobrar.locale}"/>
									</h:outputText>
								</p:column>  
																
								<p:column id="idColumnaFecEmisionFC" style="width:20%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasCobrar.fechEntrega}">
										<f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column> 
								
								<p:column id="idColumnaFecCancelacion" style="width:20%" styleClass="styleAlignCenterColumn">
									<h:outputText value="#{facturasCobrar.fecCancelacion}">
										<f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column> 
								
								<p:column>
									<p:commandButton disabled="#{facturasCobrar.fecCancelacion ne null}" icon="ui-icon-circle-check" title="#{message['general.button.cancelacion']}" 
	                               					 oncomplete="confirmacionCancelacion.show()" update=":formBusquedaFacturaCobrar:displayCancelacion">		 
	                                    <f:setPropertyActionListener value="#{facturasCobrar}" target="#{BKFacturasPorCobrar.facturaSeleccionada}" />  
	                                </p:commandButton>
								</p:column>
						</p:dataTable>		     		 
							 
					</p:panel>		 
				
					<p:dialog header="Cancelacion"  modal="true" widgetVar="confirmacionCancelacion" styleClass="styleAlignCenterColumn">
						<p:messages  id="msjPopupCancelacionFC"/> 
			    		<h:panelGrid id="displayCancelacion" columns="2" cellpadding="4" style="margin:0 auto;"> 
			    			
			    			<h:outputText value="Fecha Cancelacion"/>
			    			<p:calendar id="idtxtFechaCancelacion" showOn="button" value="#{BKFacturasPorCobrar.fechaCancelacion}" pattern="dd-MM-yyyy"/>
			    			
				    		<p:commandButton value="Aceptar" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
					        				 actionListener="#{MBFacturasCobrar.cancelacion(BKFacturasPorCobrar.facturaSeleccionada)}" ajax="true" 
					        				 oncomplete="handleFacturasCobrarRequest(xhr, status, args)"/>  
					        <p:commandButton value="Cancelar" styleClass="ui-confirmdialog-no" icon="ui-icon-close" oncomplete="confirmacionCancelacion.hide()"/> 
						</h:panelGrid>
					</p:dialog>	
				
				</h:form>
			
			</f:view>
		</ui:define>
	</ui:composition>		
</html>